body {
	padding-top: 75px;
  font-family: 'open_sansregular',arial,verdana;
  font-size: 14px;
  /*background-color: #fafafa;*/
  color: #777;
  cursor: default;
  /*background-color: #ecf0f3;*/
  background-color: #fff;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans_bold/OpenSans-Bold-webfont.eot');
    src: url('../fonts/opensans_bold/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans_bold/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/opensans_bold/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans_bold/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans_semibold/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/opensans_semibold/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans_semibold/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/opensans_semibold/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans_semibold/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/open-sans/OpenSans-Regular-webfont.eot');
    src: url('../fonts/open-sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open-sans/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/open-sans/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/open-sans/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans_light/OpenSans-Light-webfont.eot');
    src: url('../fonts/opensans_light/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans_light/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/opensans_light/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/opensans_light/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
.coba {
  background-color: #ff0000;
}
p {
  line-height: 1.5;
}
/* untuk header */
.logo {
  overflow: hidden;
  z-index: 9995;
}
.logo img {
  height: 60px;
  margin: 5px 0;
}

.fix-kanan-nav {
  margin-right: 0;
}
@media (max-width: 640px) {
  .logo {
    margin-right: 0;
  }
  .fix-kanan-nav {
    margin-right: -15px;
  }
}
/* end header */
/* untuk semua */
.jdl-slide {
  font-family: 'open_sansbold', arial;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  background: rgba(0,0,0,0.5);
  padding: 15px;
}
.support-online-fixed {
  position: fixed;
  top: 200px;
  right: 0;
  background-color: #333;
  padding: 3px 5px;
  z-index: 9998;
  -webkit-border-radius: 8px 0 0 8px;
  -moz-border-radius: 8px 0 0 8px;
  border-radius: 8px 0 0 8px;
}
.support-online-fixed img {
  height: 200px;
}
.bg-lightgrey {
  background-color: #fafafa;
  padding: 10px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  webkit-box-shadow: 0 30px 30px -30px rgba(34,34,34,0.2) inset;
  -moz-box-shadow: 0 30px 30px -30px rgba(34,34,34,0.2) inset;
  box-shadow: 0 30px 30px -30px rgba(34,34,34,0.2) inset;
}
.bg-putih {
  background-color: #fff;
  border-top: 1px solid #ddd;
  webkit-box-shadow: 0 15px 10px -15px rgba(34,34,34,0.3) inset;
  -moz-box-shadow: 0 15px 10px -15px rgba(34,34,34,0.3) inset;
  box-shadow: 0 15px 10px -15px rgba(34,34,34,0.3) inset;
}
.bg-orange {
  background-color: #f8ad30;
  padding-bottom: 10px;
  margin-top: 20px;
  webkit-box-shadow: 0 15px 10px -15px rgba(34,34,34,0.3) inset;
  -moz-box-shadow: 0 15px 10px -15px rgba(34,34,34,0.3) inset;
  box-shadow: 0 15px 10px -15px rgba(34,34,34,0.3) inset;
}
.bg-orange p {
  margin: 0;
}
.bg-orange .container-home h1 {
  color: #fff;
  margin-top: 0;
}
.italic {
  font-style: italic;
}
.bold {
  font-weight: bold;
  font-family: 'open_sanssemibold', arial;
}
.margintop35 {
  margin-top: 35px;
}
.margintop25 {
  margin-top: 25px;
}
.margintop20 {
  margin-top: 20px;
}
.margintop15 {
  margin-top: 15px;
}
.margintop13 {
  margin-top: 14px;
}
.margintop10 {
  margin-top: 10px;
}
.full-width {
  width: 100%;
}
.padding15 {
  padding: 15px;
}
.padding10 {
  padding: 5px 10px;
}

.img-left a {
  height: 64px;
  width: 64px;
  overflow: hidden;
  text-align: center;
}
.img-left img {
  height: 64px;
  border: 3px solid #ddd;
}
.img-left-sidebar img {
  height: 40px;
}
.divider {
  height: 1px;
  background-color: #eee;
  width: 100%;
}
/* end untuk semua*/

/* untuk home */

.btn-fb {
  color: #fff;
  background-color: #3b5998;
  /*border: 2px solid #1ba0e2;*/
  text-align: left;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  padding-bottom: 10px;
  padding-top: 10px;
  font-size: 20px;
  margin-right: 5px;
}
.btn-fb:hover,
.btn-fb:focus,
.btn-fb.focus,
.btn-fb:active,
.btn-fb.active,
.open > .dropdown-toggle.btn-fb {
  color: #fff;
  background-color: #274b97;
  /*border-color: #04b6ed;*/
}
.btn-tw {
  color: #57cdf1;
  background-color: #fff;
  /*border: 2px solid #1ba0e2;*/
  text-align: left;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  padding-bottom: 10px;
  padding-top: 10px;
  font-size: 20px;
  margin-right: 5px;
}
.btn-tw:hover,
.btn-tw:focus,
.btn-tw.focus,
.btn-tw:active,
.btn-tw.active,
.open > .dropdown-toggle.btn-tw {
  color: #57cdf1;
  background-color: #eee;
  /*border-color: #04b6ed;*/
}
.btn-gplus {
  color: #fff;
  background-color: #dd4b39;
  /*border: 2px solid #1ba0e2;*/
  text-align: left;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  padding-bottom: 10px;
  padding-top: 10px;
  font-size: 20px;
  margin-right: 5px;
}
.btn-gplus:hover,
.btn-gplus:focus,
.btn-gplus.focus,
.btn-gplus:active,
.btn-gplus.active,
.open > .dropdown-toggle.btn-gplus {
  color: #fff;
  background-color: #d42d18;
  /*border-color: #04b6ed;*/
}
.col-services {
  margin-bottom: 25px;
}
.col-services .icon {
  color: #0093dd;
}
.col-services h2 {
  text-align: center;
  font-family: 'open_sanssemibold', arial;
  font-size: 18px;
  color: #555;
  margin-top: 0;
  margin-bottom: 0;
  height: 38px;
  overflow: hidden;
}
.col-services p {
  text-align: center;
}
.col-services .fix-height {
  height: 340px;
  overflow: hidden;
  margin-bottom: 15px;
}
.col-services .box-services-top {
  padding: 20px;
  background: #fafafa;
}
.col-services .box-services-content {
  padding: 20px;
  background: #0093dd;
  color: #fff;
}
.container-home {
  padding-top: 15px;
  padding-bottom: 15px;
}
.container-home h1 {
  font-family: 'open_sanslight', arial, verdana;
  margin: 10px 0 25px 0;
  text-align: center;
  font-weight: normal;
  color: #555;
}
.heading-col {
  font-family: 'open_sanssemibold', arial, verdana;
  font-size: 14px;
}

/* end home */
/* for berita all */
.outer-berita {
  /*margin: 20px 0;*/
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 20px;
}
.outer-berita h2, .outer-berita h2 a {
  color: #666;
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 5px;
  margin-top: 0;
  font-family: 'open_sanssemibold', arial;
  font-weight: normal;
}
.wkt-post {
  font-size: 12px;
  color: #bbb;
  margin-top: 0;
}
.outer-berita img {
  max-width: 100%;
  margin-top: 5px;
}
.outer-berita p {
  text-align: justify;
}
/* end berita all */
/* tenaga ahli */
.outer-tenagaahli {
  text-align: center;
  overflow: hidden;
  padding-bottom: 10px;
  margin-bottom: 25px;
  background: #fafafa; 
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 3px solid #0093dd;
  border-left: 1px solid #eee;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.outer-tenagaahli .outer-image {
  text-align: center;
  overflow: hidden;
  margin: 15px 15px 0 15px;
}
.outer-tenagaahli .outer-image img {
  height: 200px;
  position: relative; /* allows repositioning */
  left: 50%; /* move the whole width of the image to the right */
  margin-left: -100%; /* magic! */
}
.outer-tenagaahli h4 {
  font-family: 'open_sanssemibold', arial;
  font-size: 14px;
  color: #0c8ac9;
  margin: 15px 15px 10px 15px;
  height: 37px;
  line-height: 1.3;
  overflow: hidden;
}
.detail-tenaga-ahli h2 {
  margin-top: 0;
  font-family: 'open_sanslight', arial;
  font-weight: bold;
  font-size: 24px;
  color: #0c8ac9;
  padding-bottom: 10px;
  border-bottom: 1px dotted #ddd;
}
.detail-tenaga-ahli h3 {
  font-size: 18px;
  font-family: 'open_sanssemibold', arial;
  color: #666;
}
/* end tenaga ahli*/
/* gallery */
.outer-gallfol {
  margin-bottom: 30px;
  background-color: #fafafa;
  border: 1px solid #eee;
  padding: 5px;
  width: 100%;
}
.outer-gallfol .outer-img {
  overflow: hidden;
  height: 200px;
  text-align: center;
  width: 100%;
}

.outer-gallfol .outer-img img {
  height: 200px;
  position: relative; /* allows repositioning */
  left: 50%; /* move the whole width of the image to the right */
  margin-left: -100%; /* magic! */
}
.outer-gallfol .nm-gallfol {
  text-transform: capitalize;
  overflow: hidden;
  line-height: 1.4;
  font-size: 13px;
  text-align: center;
  height: 39px;
  margin-top: 7px;
  margin-bottom: 0;
  font-family: 'open_sanssemibold', arial, verdana;
}
/* end gallery*/
/* single page */
.management img {
  width: 100%;
  margin-bottom: 20px;
}
.management .outer-management {
  margin-bottom: 30px;
  color: #666;
}
.management .outer-management h1 {
  font-family: 'open_sansbold', arial;
  margin-bottom: 0;
}
.management .outer-management h2 {
  font-family: 'open_sansregular', arial;
  font-size: 20px;
  margin-top: 10px;
}
.services h2 {
  font-size: 18px;
  font-family: 'open_sanssemibold', arial;
}
.services ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.services ul li {
  margin: 2px 0;
}
.services ul li a {
  color: #018dd3;
}
.services ul li a:hover {
  color: #08699a;
}
.contactus h5 {
  font-family: 'open_sansbold', arial;
  font-size: 16px;
  margin-bottom: 3px;
  margin-top: 15px;
}
table a {
  color: #999;
}
.bg-white-single {
  background-color: #fff;
  min-height: 400px;
  /*webkit-box-shadow: 0 15px 10px -15px rgba(34,34,34,0.3) inset;
  -moz-box-shadow: 0 15px 10px -15px rgba(34,34,34,0.3) inset;
  box-shadow: 0 15px 10px -15px rgba(34,34,34,0.3) inset;*/
}
.garis-single {
  border-bottom: 1px solid #eee;
}
.judul-single h1 {
  font-family: 'open_sanslight', arial;
  font-size: 24px;
  font-weight: bold;
  color: #555
}
.bg-white-single h1 {
  font-family: 'open_sansbold', arial;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 24px;
}
.bg-white-single p {
  text-align: justify;
}
.single h1 {
  margin: 0 0 30px 0;
  padding-bottom: 7px;
  border-bottom: 1px dotted #ccc;
  font-size: 24px;
  font-family: 'open_sanssemibold', arial, verdana;
}
.menu-list {
  margin-bottom: 30px;
}
.schedules .wkt-schedules-all {
  color: #31aa07;
  font-family: 'open_sansbold', arial;
  background-color: #fafafa;
  padding: 5px 15px;
}
.wkt-schedules-all .color-black {
  color: #777;
}
.wkt-schedules {
  margin: 3px 0;
  font-size: 11px;
  font-family: 'open_sanssemibold', arial;
  color: #31aa07;
  padding-bottom: 5px;
  border-bottom: 1px dotted #ddd;
  text-align: right;
}
.sidebar-single .menu-list h1 {
  color: #555;
  margin-top: 0;
  margin-bottom: 10px;
  padding-bottom: 8px;
  font-family: 'open_sanslight', arial;
  font-size: 22px;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
}
.sidebar-single .menu-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0
}
.sidebar-single .menu-list ul li {
  padding: 3px 0;
  font-size: 13px;
}
.sidebar-single .menu-list ul li a {
  color: #0093dd;
}
.sidebar-single .menu-list ul li a:hover {
  color: #025e8c;
}
/* end single page */
/* untuk footer */
.schedules-footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0
}
.schedules-footer ul li {
  padding: 0 0 3px 0;
}
.schedules-footer ul li a {
  color: #eee;
}
.schedules-footer ul li a:hover {
  color: #fff;
}
.wkt-schedules-footer {
  margin: 3px 0;
  font-size: 11px;
  font-family: 'open_sanssemibold', arial;
  color: #fff;
  padding-bottom: 5px;
  border-bottom: 1px dotted #555;
}
.tagline {
  margin-top: 50px;
  padding: 8px 0 11px 0;
  border-top: 1px solid #eee;
  webkit-box-shadow: 0 15px 10px -15px rgba(34,34,34,0.3) inset;
  -moz-box-shadow: 0 15px 10px -15px rgba(34,34,34,0.3) inset;
  box-shadow: 0 15px 10px -15px rgba(34,34,34,0.3) inset;
  background-color: #0093dd;
}
.tagline h1 {
  font-size: 30px;
  font-family: 'calibri', arial;
  color: #fff;
  margin: 0;
  text-align: center;
  font-style: italic;
}
#footer {
  width: 100%;
  padding-bottom: 0;
  color: #fff;
}
.footer-a {
  width: 100%;
  background-color: #414141;
  padding: 30px 0;
  color: #f5f5f5;
  webkit-box-shadow: 0 15px 10px -15px rgba(34,34,34,0.3) inset;
  -moz-box-shadow: 0 15px 10px -15px rgba(34,34,34,0.3) inset;
  box-shadow: 0 15px 10px -15px rgba(34,34,34,0.3) inset;
}
.footer-a h1 {
  margin-top: 0;
  margin-bottom: 15px;
  font-family: 'open_sansbold', arial;
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
}
.footer-a h5 {
  font-family: 'open_sansbold', arial;
  font-size: 16px;
  margin-bottom: 5px;
  margin-top: 10px;
}
.footer-b {
  width: 100%;
  font-size: 11px;
  padding: 15px 0;
  background-color: #191919;
  font-family: 'open_sansregular', arial;
  border-top: 1px solid #555;
  webkit-box-shadow: 0 7px 5px -5px black inset;
  -moz-box-shadow: 0 7px 5px -5px black inset;
  box-shadow: 0 7px 5px -5px black inset;
}

/* end untuk footer */
/* testimonial */
.outer-testi {
  margin: 20px 0;
  border-bottom: 1px solid #eeeeee;
  padding: 10px 0;
}
.outer-testi p {
  margin: 0;
}
.outer-testi a {
  font-family: 'open_sanssemibold', arial;
  margin-top: 8px;
}
/* end testimonial */
/* for efek hover */
a {
  -moz-transition: color 500ms ease-in-out 0s, background-color 500ms ease-in-out 0s;
  -ms-transition: color 500ms ease-in-out 0s, background-color 500ms ease-in-out 0s;
  -o-transition: color 500ms ease-in-out 0s, background-color 500ms ease-in-out 0s;
  -webkit-transition: color 500ms ease-in-out 0s, background-color 500ms ease-in-out 0s;
  transition: color 500ms ease-in-out 0s, background-color 500ms ease-in-out 0s;
  white-space: normal;
}
img {
  -moz-transition: color 500ms ease-in-out 0s, opacity 500ms ease-in-out 0s;
  -ms-transition: color 500ms ease-in-out 0s, opacity 500ms ease-in-out 0s;
  -o-transition: color 500ms ease-in-out 0s, opacity 500ms ease-in-out 0s;
  -webkit-transition: color 500ms ease-in-out 0s, opacity 500ms ease-in-out 0s;
  transition: color 500ms ease-in-out 0s, opacity 500ms ease-in-out 0s;
  white-space: normal;
}
img:hover {
  opacity: 0.8;
}
/* end efek hover */
/* untuk slider clients*/
.outer-slide-clients {
  overflow: hidden;
}
.container-slider-clients {
  position: relative; top: 0px; left: 0px; width: 1140px; height: 110px; overflow: hidden;
}
.client-name {
  position: absolute;
  bottom: 0;
  text-align: center;
  padding: 0 10px;
  background: #000;
}
.container-slider-clients .loading {
  position: absolute; top: 0px; left: 0px;
}
.container-slider-clients .loading .a {
  filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block; top: 0px; left: 0px;width: ;
}
.container-slider-clients .loading .b {
  position: absolute; display: block; background: url(../img/loading.gif) no-repeat center center;
  top: 0px; left: 0px;width: 100%;height:100%;
}
.container-slider-clients .slides {
  cursor: move; position: absolute; left: 0px; top: 0px; width: 1140px; height: 110px; overflow: hidden; 
}
.container-slider-clients .slides img {
  border: 5px solid #eee;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  z-index: 100;
}
/*@media (max-width: 1024px) {
  .container-slider-clients {
    width: 800px; 
  }
  .container-slider-clients .slides {
    width: 800px; 
  }
}*/
/* end slider clients*/

.hidden-thing {
  position: absolute;
  left: 100%;
  width: 50px;
  height: 50px;
  opacity: 0;
}

.cd-panel-content h1 {
  margin-top: 0;
  font-size: 15px;
  text-align: center;
  font-family: 'open_sanssemibold', arial;
  margin-bottom: 15px;
  margin-top: 20px;
}
.cd-panel-content h5 {
  margin-top: 5px;
  text-align: center;
}